
//预防接种的js
var $ = require('../../lib/jquery');
window.$  = $
var nav = require('./common/nav');
var util = require('./common/util');
var _header = require('./common/header');
var template = require('../tpl/template');
var minHeight = require('./common/minHeight');
var xssfilter = require('./common/xssfilter');
require('./common/doubleDate2.0');
minHeight.init();
var _nav = new nav();
var header = new _header();
// 默认展示的是儿童  之后的成人与狂犬可以选择
var yfjz = { // 成人 及狂犬
  page:1,
  childrenid:null,
  maxpage:null,
  allChildrens:[],
  init: function () {
    this.bindevent();
    this.getAllchildren();
    this.fetchBoy();
  },
  getparam: function () {
    var userId = util.getParam('userId')
    return {
    userId: userId || '1',
    paramType: this.paramType,
    page: this.page,
    pageSize:10
    }
  },
  getbabylist: function () {
    var tpl = template('allbaby', {
      data: this.allChildrens || []
     });
     $('.js_babylist').html(tpl);
  },
  getAllchildren: function () { // 获取所有的儿童信息
    var _this = this;
    util.fetch('api/sun/querySun',{
      sign:1
    }).then(function(res){
      _this.allChildrens = res.data;
      _this.getbabylist();
      _this.allinfo(res.data[0] && res.data[0].id || '');
    }).fail(function(res){
     if (res.code == 'USR108'){
        var tpl = template('babyinfo', {
          data: {}
        });
        $('.js_baby_info').html(tpl);
        $('.js_co').html('暂无数据');
        $('.js_re').html('暂无数据');
     }
    })
  }, 

  allinfo: function (id) {
    this.childrenid = id;
    this.getChildrenInfo(id);
    this.getRecord(id);
    this.getRemind(id);
  },
  getRecord: function (id) { //  获取接种记录
    util.fetch("api/sun/querySunRecord",{
      childId:id,
      page:1,
      pageSize:4
    }).then(function(res){
      var tpl = template('baby_record', {
        data: res.data
      });
      $('.js_baby_record').html(tpl);
       $('.js_co').html('查看更多')
    }).fail(function(res){
      $('.js_baby_record').html('');
       $('.js_co').html('暂无数据')
    })
  },
  getRemind: function (id) { // 获取接种提醒
    util.fetch("api/sun/querySunRemind", {
      childId: id,
      currenttime:new Date().getTime()
    }).then(function(res) {
     
       var tpl = template('baby_remind', {
         data: res.data
       });
       $('.js_baby_remind').html(tpl);
       $('.js_re').html('查看更多')
    }).fail(function(res) {
      if(res.code=='USR108'){
        $('.js_baby_remind').html('');
        $('.js_re').html('暂无数据')
      }
    })
  },
  getChildrenInfo: function (id) { // 获取单个儿童的昵称
    util.fetch('api/sun/getByInfo',{
      childId:id || 6,
    }).then(function(res){
      var tpl = template('babyinfo', {
        data: res.data[0]
      });
      $('.js_baby_info').html(tpl)
    }).fail(function(res){
      
    })
  },
  file:null,
  bindevent: function () {
    var _this = this;
    $('.js_co').on('click',function(){
      if( $('.js_co').html()=='查看更多'){
        location.href='./moreMessage.html?type=1&childrenid='+_this.childrenid;
      }
    })
    $('.js_re').on('click',function(){
      if( $('.js_re').html()=='查看更多'){
        location.href='./moreMessage.html?type=0&childrenid='+_this.childrenid;
      }
    })
    
    $('.js_index').on('click',function(){
      location.href="./index.html";
    })
    $('.js_tab').on('click','span',function() {
      var id = $(this).data().id;
      $(this).siblings().removeClass('on');
      $(this).addClass('on');
      if (id == 2){ // 
        // 儿童
        $('.js_child_wrap').show();
        $('.js_ym_info').hide();
      }else {
        
        $('.js_child_wrap').hide();
        $('.js_ym_info').show();
        _this.paramType = id;
        _this.page = 1;
        _this.fetch();
      }
    })
    $('body').on('click', '.js_ym_info .js_seek_jg', function () {
      location.href ='./jzjg.html?paramType='+_this.paramType
    })
    $('body').on('click', '.js_ym_info .js_seek_detail', function () {
      var vaccineid = $(this).data().vaccineid,
      remark = $(this).data().vaccineid;
      location.href = './ymxq.html?vaccineId='+vaccineid+'&remark='+remark;
    })
    // 切换宝宝
    $('body').on('click', '.js_baby_info .js_change_btn', function () {
      if(!_this.allChildrens.length){
        return ;
      }
      $('.js_babylist_wrap').removeClass('hide');
      $('.js_meng_ceng').removeClass('hide');
    })
    // 点击宝宝
    $('body').on('click', '.js_babylist .js_baby_one', function () {
      $(this).find('.check').addClass('checkPic');
      $(this).siblings().find('.check').removeClass('checkPic');
    })
    // 宝宝列表选择确定按钮
    $('body').on('click', '.js_baby_select', function () {
     var data =  $('.js_babylist').find('.checkPic').data();
      _this.allinfo(data.id);
       $('.js_babylist_wrap').addClass('hide');
       $('.js_meng_ceng').addClass('hide');
    })
    // 宝宝列表x号
    $('body').on('click', '.js_babylist_wrap .js_close', function () {
         $('.js_babylist_wrap').addClass('hide');
         $('.js_meng_ceng').addClass('hide');
    })
    // 接种本
    $('.js_baby_info').on('click', '.js_jzb', function () {
      location.href = './jzb.html?id='+ $(this).data().id
    })
    // 添加宝宝出现按钮
    $('.js_baby_info').on('click', '.js_add_baby', function () {
      $('.js_add_boby_form').removeClass('hide');
      $('.js_meng_ceng').removeClass('hide');
    })
    $('body').on('click', '.js_changepage_add', function() {
      if (_this.page < _this.maxpage) {
        _this.page++;
        _this.fetchBoy();
      }
    });
    $('body').on('click', '.js_changepage_reduce', function() {
      if (_this.page > 1) {
        _this.page--;
        _this.fetchBoy();
      }
    });
    // $('.js_org_list').on('click', '.drug-block',function () {
    //   window.alert('我怎么预约接种啊')
    // })
    // 关闭
    $('.js_add_boby_form').on('click', '.x', function() {
      $('.js_meng_ceng').addClass('hide');
      $('.js_add_boby_form').addClass('hide');
      $('.js_upload_image').val('')

    }) 
    $('.js_add_boby_form').on('click', '.js_baby_sex .circle', function () {
      $(this).closest('.js_baby_sex').find('.circle').removeClass('green').addClass('hui');
      $(this).removeClass('hui').addClass('green');
      
    })
    // 宝宝图片
    $('.js_upload_image').change(function (e) {
      var url = URL.createObjectURL(this.files[0]);
      _this.file = this.files[0];
      $(this).parent('.b').css('backgroundImage','url('+ url + ')')
    })
     // 添加宝宝的确定按钮
    $('.js_baby_btn').on('click',function () {
      var name = $('.js_add_baby_name').val();
      var sex = $('.js_baby_sex .green').data().sex;
      var date = $('.js_baby_date').val();
      var f = new FormData();
      f.append('photoUrl',_this.file);
      if(name && date){
        //   apiPrefix:'https://app.jkxch.bjxch.gov.cn/,

        //    apiPrefix:'https://117.121.38.74:8089
// login/user/uploadPhoto
        $.ajax({
          url: 'https://app.jkxch.bjxch.gov.cn/api/sun/saveSun?userId=' + sessionStorage.getItem('userId') + '&sign=1&birthDate=' + date + '&realName=' + name + '&sex=' + sex + '&token=' + sessionStorage.getItem('token'),
          data:f,
          type:"POST",
          processData:false,
          contentType:false,
          success: function (res) {
            if (res && res.msg && res.msg.toString().toLocaleLowerCase() == 'success'||res.code=='USR100' ){
              window.alert('添加成功')
              $('.js_add_boby_form').addClass('hide');
              $('.js_meng_ceng').addClass('hide');
              $('.js_upload_image').val('')
              if (!_this.childrenid){
                _this.childrenid = res.data.childId;
              }
              
              _this.getAllchildren();
            }else {
              window.alert('添加失败，请稍后重试')
            }
          },error: function (res) {
            window.alert('添加失败，请稍后重试')
          }
        })
        
        
      }else {
        if (!name){
          window.alert('请填写宝宝的名字')
          return ;
        }
        if(!date){
          window.alert('请选择宝宝的出生日期')
          return;
        }

      }
     
    });
    // 接种提醒展示
    $('.js_add_remind').on('click', function() {
      console.log('allChildrens---',_this.allChildrens)
      if(_this.allChildrens && _this.allChildrens.length > 0){
        $('.js_meng_ceng').removeClass('hide');
        $('.js_add_boby_remind').removeClass('hide');
      }else{
        window.alert('您还没有添加宝宝，请先添加宝宝')
      }
    })
    // 接种提示关闭按钮
    $('.js_add_boby_remind').on('click','.js_close', function () {
      $('.js_remind_date_input').val('');
      $('.js_themes').val('');
      $('.js_contents_re').val('');
      $('.js_meng_ceng').addClass('hide');
      $('.js_add_boby_remind').addClass('hide');
      $('.span_list').html('还可以输入60字')
    })
    //接种提示添加
    // $('.js_remind_date').on('click', function () {
    //   console.log(1);
    //   $('.js_remind_date_input').trigger('click');
    // })
    
    $('.js_remind_date_input').change(function(){
      var date= new Date($('.js_remind_date_input').val());
    
      var currentTime=new Date().getTime();
      if(date.getTime(date)<currentTime){
        window.alert('时间设置有误，请确认时间');
        $('.js_remind_date_input').val('');
      }

    })
    $('.js_add_boby_remind').on('click', '.js_add_remind_save', function() {
      var date = $('.js_remind_date_input').val();
      var theme = $('.js_themes').val();
      var content=$('.js_contents_re').val();
      content = xssfilter(content)
      if(date && theme && content){
        $('.js_message').removeClass('hide');
        util.fetch('api/sun/saveSunRemind',{
          sign:'1',
          childId:_this.childrenid,
          remindTitle:theme,
          remindText:content,
          remindTime:date
        }).then(function(res){
          $('.js_message').addClass('hide');
          window.alert('添加成功')
          $('.js_meng_ceng').addClass('hide');
          $('.js_add_boby_remind').addClass('hide');
          $('.span_list').html('还可以输入60字')
          _this.getRemind(_this.childrenid)
        }).fail(function (e){
          $('.js_message').addClass('hide');
          window.alert('添加失败')
          $('.span_list').html('还可以输入60字')
          $('.js_meng_ceng').addClass('hide');
          $('.js_add_boby_remind').addClass('hide');
          // $('<p class="row"> <span class="a"></span> <span class="b">'+date+'  ' + theme+ '  ' +content+ '</span> <span class="c js_del">删除</span> </p>').appendTo($('.js_baby_remind'))
        })
      }else {
        if(!date){
          window.alert('请选择日期')
          return;
        }
        if(!theme){
          window.alert('请填写添加主题');
          return ;
        }
        if(!content){
          window.alert('请添加提示内容')
        }

      }
        
    })
    // 接种提醒删除
    $('.js_baby_remind').off('click','.js_del').on('click','.js_del', function () {
      var id = $(this).data().id;
      $('.js_confirm1').removeClass('hide').find('.js_ok_1').data({id:id});
    })
    $('.js_baby_record ').off('click', '.js_co1').on('click', '.js_co1',function () {
      console.log(1)
      if ($('.js_co').html() == '查看更多') {
        location.href = './moreMessage.html?type=1&childrenid=' + _this.childrenid;
      }
    })
    $('.js_baby_remind ').off('click', '.js_re1').on('click', '.js_re1',function () {
      if ($('.js_re').html() == '查看更多') {
        location.href = './moreMessage.html?type=0&childrenid=' + _this.childrenid;
      }
    })
    $('.js_confirm1').on('click','.js_ok_1', function (){
      $(this).closest('.js_confirm').addClass('hide');
      var id = $(this).data().id
      util.fetch('api/sun/deleteSunRemind',{
        sign:'1',
        childId:_this.childrenid,
        remindId:id||1,
      }).then(function(res){
        _this.getRemind(_this.childrenid)
      }).fail(function(res){
        window.alert(res.msg)
      })
    })

    // 接种记录展示
    $('.js_add_record').on('click', function () {
      if(_this.allChildrens && _this.allChildrens.length > 0){
         $('.js_meng_ceng').removeClass('hide');
         $('.js_add_recored_wrap').removeClass('hide');
      }else{
        window.alert('您还没有添加宝宝，请先添加宝宝')
      }
    })
    $('.js_add_recored_wrap').on('click','.x', function () {
      $('.js_add_recore_date').val('');
          $('.js_add_record_thems').val('');
          $('.js_add_record_content').val('');
      $('.js_meng_ceng').addClass('hide');
      $('.js_add_recored_wrap').addClass('hide');
      $('.span_list').html('还可以输入60字')
    })
    //接种记录添加
    $('.js_add_recore_date').change(function(){
      console.log(11)
      var date= new Date($('.js_add_recore_date').val());
      var currentTime=new Date().getTime();
      if(date.getTime(date)>currentTime){
        window.alert('时间设置有误，请确认时间');
        $('.js_add_recore_date').val('');
      }

    })
    $('.js_add_recored_wrap').on('click', '.js_add_record_save', function () {
      var date = $('.js_add_recore_date').val();
      var themes = $('.js_add_record_thems').val();
      var content = $('.js_add_record_content').val();
      if(date && themes && content){
        $('.js_message').removeClass('hide');
        util.fetch('api/sun/saveSunRecord',{
          sign:'1',
          childId:_this.childrenid,
          recordTitle:themes,
          recordText:content,
          inoculationTime:date
        }).then(function(res){
          _this.getRecord(_this.childrenid)
          $('.span_list').html('还可以输入60字')
          $('.js_add_recore_date').val('');
          $('.js_add_record_thems').val('');
          $('.js_add_record_content').val('');
          // $('<p class="row"> <span class="a"></span> <span class="b">'+date+ '  ' + theme+ '  '+content+ '</span> <span class="c js_del">删除</span> </p>').appendTo($('.js_baby_record'))
          $('.js_meng_ceng').addClass('hide');
          $('.js_add_recored_wrap').addClass('hide');
          $('.js_message').addClass('hide');
        }).fail(function(res){
          $('.js_add_recore_date').val('');
          $('.js_add_record_thems').val('');
          $('.js_add_record_content').val('');
          $('.js_meng_ceng').addClass('hide');
          $('.js_add_recored_wrap').addClass('hide');
          $('.span_list').html('还可以输入60字')
          $('.js_message').addClass('hide');
          window.alert('添加失败')
          // $('<p class="row"> <span class="a"></span> <span class="b">'+date+ '  ' + theme+ '  '+content+ '</span> <span class="c js_del">删除</span> </p>').appendTo($('.js_baby_record'))

        })
      }else{
        if(!date){
          window.alert('请选择日期');
          return;
        }
        if(!themes){
          window.alert('请添加相关主题');
          return 
        }
        if (!content){
          window.alert('请填写相关内容');
          return
        }
      }
      $('.js_meng_ceng').addClass('hide');
      $('.js_add_recored_wrap').addClass('hide');
    })
    // 删除接种提醒
    $('.js_baby_record').on('click','.js_del', function () {
      var id = $(this).data().id;
      $('.js_confirm2').removeClass('hide').find('.js_ok_1').data({id:id})
      
      
    })
    $('.js_confirm2').on('click','.js_ok_1', function (){
      var id = $(this).data().id;
      $(this).closest('.js_confirm').addClass('hide');
      util.fetch('api/sun/deleteSunRecord',{
        sign:'1',
        childId:_this.childrenid,
        recordId:id||1,
      }).then(function(res){
        _this.getRecord(_this.childrenid);
      }).fail(function (e) {
        window.alert(e.msg)
      })
    })

  },
  addBoy: function () { // 添加宝宝
    util.fetch('')
  },
  fetchBoy: function (medicalid) {
    var _this = this;
    util.fetch('api/vaccineorg/queryList', this.getparam(),{
      timeout:10000
    }).then(function(res){
      _this.maxpage = res.data.totalPage;
      $('.js_num_wrap').html(_this.page +'/'+_this.maxpage);
      if(_this.page==_this.maxpage){
        $('.js_changepage_add').removeClass('blue');
      }else{
        $('.js_changepage_add').addClass('blue');
      }
      if(_this.page==1){
        $('.js_changepage_reduce').removeClass('blue');
      }else{
        $('.js_changepage_reduce').addClass('blue');
      }
      _this.renderBoy(res.data);
    }).fail(function(res){
      console.log('接口请求异常')
    })
  },
  renderBoy: function (data) {
    var tpl = template('jzjg',{data: data.list || []});
    $('.js_org_list').html(tpl);
  },

  fetch: function (medicalid) {
    var _this = this;
    util.fetch('api/vaccine/queryList', this.getparam(),{
      timeout:10000
    }).then(function(res){
      _this.maxpage = res.data.totalPage;
      _this.render(res.data)
    }).fail(function(res){
      console.log('接口请求异常')  
    })
  },
  render: function (data) {
    var tpl = template('yminfo',{data:data.list});
    $('.js_ym_info').html(tpl);
  }
}
yfjz.init();
$('.js_tips_cancel').on('click', function () {
  $(this).closest('.js_confirm').addClass('hide');
})
$('.js_input_limit').on('input propertychange', function (){
  var value = $(this).val();
  if(value.length >=60){
    value = value.substring(0,60);
    window.alert('最多可输入60个字')
  }
  $(this).val(value);
  $(this).closest('.js_limit_wrap').find('.span_list').html('还可以输入'+ (60-value.length) + '字');
})

// 添加宝宝日期 今日之后的不能选
$('.js_baby_date').kuiDate({
  className:'js_baby_date',
  isDisabled: "2"  // isDisabled为可选参数，“0”表示今日之前不可选，“1”标志今日之前可选  '2' 表示今日之后不可选
});
// 添加记录日期 不能大于当天
$('.js_add_recore_date').kuiDate({
  className:'js_add_recore_date',
  isDisabled: "2"  // isDisabled为可选参数，“0”表示今日之前不可选，“1”标志今日之前可选 '2' 表示今日之后不可选
});
// 不能小于当天 接种提醒
$('.js_remind_date_input').kuiDate({
  className:'js_remind_date_input',
  isDisabled: "0"  // isDisabled为可选参数，“0”表示今日之前不可选，“1”标志今日之前可选 '2' 表示今日之后不可选
});